@import './var.less';

.hm-page {
  box-sizing: border-box;

  // view {
    // box-sizing: inherit;
  // }
}

.hm-img(@value: @placeHolderImg) {
  background-image: url(@value);
  background-size: 100% 100%;
}

.hm-flex(){
  display: flex;
  align-items: center;
  justify-content: center;
}

.hm-nav-bar-title {

  &.van-nav-bar__title {
    color: #fff;
  }
}

.van-nav-bar {

  &.hm-nav-bar {
    background-color: transparent;
    // .van-nav-bar__arrow{
    //   color: #333333;
    // }
  }

}
.hm-btn-hover{
  transform: scale(1.06);
}
.hm-ellipsis(){
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hm-img(@value: @placeHolderImg) {
  background-image: url(@value);
  background-size: 100% 100%;
}

.hm-ellipsis-multiple(@value: 2){
  overflow: hidden;
  display: -webkit-box;
  text-overflow:ellipsis;    
  -webkit-line-clamp: @value;
  -webkit-box-orient: vertical
}
